div.bubble.outgoing {
  background-color: hsl(240, 100%, 97%);
  border-color: hsl(240, 100%, 80%);
}

div.bubble.outgoing p.pseudo>span {
  color: hsl(240, 100%, 75%);
  background-color: hsl(240, 100%, 94%);
}

div.bubble.outgoing>div.indicator {
  margin-left: -17px;
  padding-left: 32px;
  background: url('../Bitmaps/indicator_240.png') no-repeat center left;
}


div.bubble.incoming {
  background-color: hsl(0, 100%, 97%);
  border-color: hsl(0, 100%, 80%);
}

div.bubble.incoming p.pseudo>span {
  color: hsl(0, 100%, 75%);
  background-color: hsl(0, 100%, 94%);
}

div.bubble.incoming>div.indicator {
  margin-left: -17px;
  padding-left: 32px;
  background: url('../Bitmaps/indicator_0.png') no-repeat center left;
}
